@extends('astron.layout')

@section('content')

<div id="content">
    
  <section class="single-project-container">

    <div class="row">
          <article class="col-md-8 col-md-offset-2 single-project-content silver-bg text-left">
             

                <div class="row">
                      <article class="single-project-content-inner col-md-12 white-bg text-left">
                            <h2>ANA</h2>
                      			<h3 class="sub-heading ">Astronaut operates and maintains the social media platforms for ANA</h3>

                                <div class="single-project-slider-wrap">

                                      <!-- single-project-slider : starts -->
                                        <ul class="single-project-slider bxslider">
                                          <li>
                                            <img alt="" title="" src="images/case/ana/1.jpg" />
                                          </li>
                                          <li>
                                            <img alt="" title="" src="images/case/ana/2.jpg" />
                                          </li>
                                          <li>
                                            <img alt="" title="" src="images/case/ana/3.jpg" />
                                          </li>
                                        </ul>
                                      <!-- single-project-slider : ends -->


                                </div>
                                
                                <h3 class="sub-heading add-top-half">Case target: </h3>
                                <p>To promote a “safe and reliable” brand image of ANA and to accumulate a greater number of valuable followers on ANA social media platforms.   This was achieved  through through publication of readable content and by creating interesting user interactions. </p>
				                <h3 class="sub-heading add-top-half">Insight: </h3>
				                <p>The airline company can communicate with users not only regarding its own brand values, but also knowledge that enhances the users experience of travel. Such as information regarding local cultures and practical travel tips. This promotes brand fidelity in potential clients and  converts a greater audience to be frequent passengers of ANA.</p>
				
				                <h3 class="sub-heading add-top-half">Case description: </h3>
				                <p>As one of the largest airline companies in Asia, ANA intended to make the “safe and reliable” concept known by more Chinese passengers through the maintenance of their own WeChat public account. Astronaut planned and pushed creative and well-organized content using the account as well as creating many interesting interactive campaigns. Among which “Creative sentences” effectively attracted above 8,000 fans to follow the ANA WeChat account.  Fans could generate more than 700 word combinations by the interactive mode on HTML5. Additionally Astronaut invited many qualified KOLs to successfully help promote ANA WeChat account. </p>
				                <h3 class="sub-heading add-top-half">Promotion outcome: </h3>
				                <p>The amount of increased fans of ANA official WeChat account was up to above 225,000 till March of 2015, averaging more than 5,000 new fans per month. During the maintenance period, the total exposure of ANA social media platform increased to 2,847,000, which earned a positive evaluation and approval from ANA.</p>

                                <div class="single-project-blocks-wrap">
                                  <div class="row">
                                      <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                          <a  class="venobox" data-gall="portfolio-gallery" href="images/case/ana/outcomingana2.jpg">
                                            <img alt="" title="" class="img-responsive" src="images/case/ana/outcomingana2.jpg" />
                                            <div class="zoom-icon-wrap"></div>    
                                          </a>
                                        </div>
                                      </article>

                                      <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                          <a  class="venobox" data-gall="portfolio-gallery" href="images/case/ana/outcomingana3.jpg">
                                            <img alt="" title="" class="img-responsive" src="images/case/ana/outcomingana3.jpg" />
                                            <div class="zoom-icon-wrap"></div>    
                                          </a>
                                        </div>
                                      </article>
                                  </div>

                                </div>

                          <h3 class="sub-heading add-top-half">Service</h3>
                          <h4 class="sub-heading add-top-half" style="margin-top: 20px;">Creative</h4>
                          <p><b>Marketing monitoring:</b></p>
                          <p >- Weibo, WeChat, LinkedIn</p>
                          <p >- Online campaigns</p>
                          		
                      </article>
                </div>

          </article>
    </div>


  </section>
  <!-- about-container ends -->

<section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
          <h3 class="main-heading white">Like to work with us?</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
          </div>
      </article>
    </div>

</section>




</div>
<!-- end content -->

<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>Contact Us</h3>
            <ul class="foot-links">
                <li><p>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
                        Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</p></li>
                <li><p>Tel+86(0) 1084186659</p></li>
                <li><p>Fax+86(0) 1084186659</p></li>
            </ul><br>
            <h3>Social Media</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>
<!-- Core JS Libraries -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/owl.carousel.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.bxslider.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<script src="javascripts/venobox.min.js"></script>
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/carousel-init.js"></script> 
<script src="javascripts/parallax-init.js"></script> 
<script src="javascripts/services-init.js"></script> 
<script src="javascripts/venobox-init.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script> 

<script>
  
    $(document).ready(function(){
      $('.bxslider').bxSlider({
        preloadImages: 'visible',
        touchEnabled: true,
        responsive: true,
        pager: false,
        controls: true
      });
    });

</script>
@stop